<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery\jquery.js"></script>
</head>
<body>
    <p>giee</p>
    <p>git</p>
    <input type="button" value="val操作">
    <input type="text">

    <script>
        
        $(function(){
            $("input:button:eq(0)").click(function(){
                //input[type=button]
                alert("123");
                $(":text").val("hello");
                alert($(":text").val());+
            })

        })
        

        
    </script>

<!-- // 创建节点
// $+括号 -->


    <div style="background-color: pink;">
        <h1>123</h1>
    </div>    
    <p>get</p>
    <p>hub</p>
    <h1>111</h1>
    <input type="button" value="插入子节点">
    <input type="button" value="删除子节点">

    <script>
        $(function(){
            $("[value*='删除']").click(function(){
                // $("div").remove();//删除div不保留事件
                // $("div").detach();//删除div
                
                // var $node=$("div").detach();//删除保留事件
                // $("p:eq(0)").before($node);
                // $("p").before($node);


                var $node=$("div").empty();//删除div/删除匹配的元素集合中所有的子节点。（删除儿子）/*清空子节点，但保留节点本身*/

                var $node=$("h2").detach();//删除保留事件
                $("p:eq(0)").before($node);
                // $("p").before($node);

            })





            $("[value*='插入']").click(function(){
                //创建一个h2标签
                var $newNode =$("<h2>这是新节点</h2>");
                //append 作为子节点 追加到父亲里边去
                // $("h1").append($newNode);

                // $("div").append($newNode);

                // $$newNode.append($("div"));


                // $$newNode.prependTo($("div"));

                //前边
                $("h1").before($newNode);
                //后边
                // $("h1").after($newNode);


            })
        })
    </script>
</body>
</html>